<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Project Access Granted</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        line-height: 1.6;
        color: #333;
      }
      .container {
        max-width: 600px;
        margin: 0 auto;
        padding: 20px;
      }
      .header {
        background: #28a745;
        color: white;
        padding: 20px;
        text-align: center;
        border-radius: 8px 8px 0 0;
      }
      .content {
        background: #f8f9fa;
        padding: 30px;
        border-radius: 0 0 8px 8px;
      }
      .info-box {
        background: #e9ecef;
        padding: 15px;
        border-radius: 5px;
        margin: 20px 0;
      }
      .footer {
        text-align: center;
        margin-top: 30px;
        color: #666;
        font-size: 14px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="header">
        <h1>🎯 Project Access Granted!</h1>
      </div>
      <div class="content">
        <p>Dear <strong>{{.AdminName}}</strong>,</p>
        <p>
          You have been granted access to the project
          <strong>{{.ProjectName}}</strong> by {{.ActionByName}}.
        </p>

        <div class="info-box">
          <h3>📋 Project Details</h3>
          <p><strong>Project Name:</strong> {{.ProjectName}}</p>
          <p><strong>Added by:</strong> {{.ActionByName}}</p>
          <p><strong>Added on:</strong> {{.Timestamp}}</p>
        </div>

        <p>
          You now have access to manage this project,
          including tasks, settings, and team collaboration.
        </p>
        <p>
          You can access the project dashboard from your xsha platform account.
        </p>
        <p>Welcome to the team!</p>
      </div>
      <div class="footer">
        <p>
          This email was sent automatically by xsha Platform. Please do not
          reply.
        </p>
      </div>
    </div>
  </body>
</html>